<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>：jQuery省市区三级联动插件city-picker</title>

    <!--必要样式-->
    <link href="css/area-picker.css" rel="stylesheet" type="text/css"/>


</head>
<body>

<!-- Content -->
<div class="container">

    <h2 class="page-header">演示</h2>

    <form>
        <div style="position: relative;">
            <input id="area-picker" class="form-control" readonly type="text" data-toggle="area-picker">
        </div>
    </form>

</div>

<script src="js/jquery.js"></script>
<script src="js/area-picker.data.js"></script>
<script src="js/jquery.areapicker.js"></script>

</body>
</html>
